.cms-icon {
  font-family: "pl-icon-font" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.cms-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;

  &.cms-button-mode-light {
    border: solid 1px black;
    background-color: white;
    color: black;

    &:hover, &:active {
      background-color: whitesmoke;
    }
  }

  &.cms-button-mode-dark {
    border: solid 1px black;
    background-color: black;
    color: white;

    &:hover, &:active {
      background-color: dimgray;
    }
  }

  &.cms-button-size-large {
    font-size: 18px;
    height: 48px;
    padding: 0 16px;
  }

  &.cms-button-size-normal {
    font-size: 16px;
    height: 36px;
    padding: 0 12px;
  }

  &.cms-button-size-small {
    font-size: 14px;
    height: 24px;
    padding: 0 8px;
  }
}